<template>
  <div w-full box-border px-67px>
    <div v-for="(item, index) in dataList" flex items-center py-10px>
      <img :src="item.image" w-180px rounded-full alt="" :class="item.have == 1 ? '' : 'weihuode'" />
      <div ml-20px>{{ item.name }}</div>
      <yihuode v-if="item.have == 1" w-134px h-115px ml-auto></yihuode>
      <img v-else src="@/assets/images/weihuode.png" w-134px h-115px ml-auto class="weihuode" alt="" />
    </div>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'
import yihuode from '@/components/yihuode/index.vue'
const props = defineProps({
  dataList: Array
})
</script>

<style scoped>
.weihuode {
  /* 添加灰度显示 */
  filter: grayscale(1);
}
</style>
